{include app:admin.inc.header}
{cres:css mpeAdmin/scss/css/order.css}
<!--tmpl-resource-->
{include app:admin.inc.top}
<style>

	.panel { background: #fff; padding: 15px 20px; margin-bottom: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
	.panel .header { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; }
	.panel .header .btn, .panel .header .btn-default, .panel .header .btn-primary, .panel .header .btn-info { margin-top: -8px; }

	.order .progress {height: auto;}
	.order .logistics ul li { padding-bottom: 10px; color: #666; border-left: 1px solid #e5e5e5; vertical-align: top; min-height: 25px; line-height: 0.6rem; }
	.order .logistics ul li .time { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 140px; margin-right: 40px; }
	.order .logistics ul li .text { display: inline-block; *vertical-align: auto; *zoom: 1; *display: inline; width: 600px; margin-top: -1px; vertical-align: top; line-height: 1.25rem; }
	.order .logistics ul li:before { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 11px; height: 11px; margin-left: -6px; margin-right: 14px; background: #e5e5e5; border: 3px solid #fff; border-radius: 100%; }
	.order .logistics ul li.now, .order .logistics .progress ul.description.step0 li:first-child, .progress .order .logistics ul.description.step0 li:first-child, .order .logistics .contract-info ul.description.step0 li:first-child, .contract-info .order .logistics ul.description.step0 li:first-child, .order .logistics .progress ul.description.step1 li:nth-child(2), .progress .order .logistics ul.description.step1 li:nth-child(2), .order .logistics .contract-info ul.description.step1 li:nth-child(2), .contract-info .order .logistics ul.description.step1 li:nth-child(2), .order .logistics .progress ul.description.step2 li:nth-child(3), .progress .order .logistics ul.description.step2 li:nth-child(3), .order .logistics .contract-info ul.description.step2 li:nth-child(3), .contract-info .order .logistics ul.description.step2 li:nth-child(3), .order .logistics .progress ul.description.step3 li:nth-child(4), .progress .order .logistics ul.description.step3 li:nth-child(4), .order .logistics .contract-info ul.description.step3 li:nth-child(4), .contract-info .order .logistics ul.description.step3 li:nth-child(4) { color: #338bf1; }
	.order .logistics ul li.now:before, .order .logistics .progress ul.description.step0 li:first-child:before, .progress .order .logistics ul.description.step0 li:first-child:before, .order .logistics .contract-info ul.description.step0 li:first-child:before, .contract-info .order .logistics ul.description.step0 li:first-child:before, .order .logistics .progress ul.description.step1 li:nth-child(2):before, .progress .order .logistics ul.description.step1 li:nth-child(2):before, .order .logistics .contract-info ul.description.step1 li:nth-child(2):before, .contract-info .order .logistics ul.description.step1 li:nth-child(2):before, .order .logistics .progress ul.description.step2 li:nth-child(3):before, .progress .order .logistics ul.description.step2 li:nth-child(3):before, .order .logistics .contract-info ul.description.step2 li:nth-child(3):before, .contract-info .order .logistics ul.description.step2 li:nth-child(3):before, .order .logistics .progress ul.description.step3 li:nth-child(4):before, .progress .order .logistics ul.description.step3 li:nth-child(4):before, .order .logistics .contract-info ul.description.step3 li:nth-child(4):before, .contract-info .order .logistics ul.description.step3 li:nth-child(4):before { background: #338bf1; }
	.order .logistics ul li:last-child { border-color: transparent; }

	.order .addr_info .header { margin-bottom: 20px; }
	.order .addr_info .row { *zoom: 1; margin-bottom: 8px; }
	.order .addr_info .row:after { content: ""; display: table; clear: both; }
	.order .addr_info .row .col2 label { width: 150px; text-align: right; margin-right: 5px; }
	.order .addr_info .row .col2 span { margin-right: 15px; color: #666; }
	.order .addr_info .hr { margin: 20px 0 13px; }
	.order .addr_info .table, .order .addr_info .tableLayer { margin: 20px 0 32px; }
	.order .addr_info .table tbody td, .order .addr_info .tableLayer tbody td { height: 80px; }
	.order .addr_info .form-horizon textarea { width: 100%; }

</style>
<div class="container-fluid content-body">
	<div class="main">
		<!-- left side start-->
		{include admin.inc.menu}
		<!-- left side end-->


		<!-- main content start-->
		<section class="right-section" id="right-section">
			<!-- start of inner-frame -->
			<div class="inner-iframe">

				<!-- page breadcrumb start-->
				{include admin.inc.bread}
				<!-- page "breadcrumb end-->
				<div class="inner-container">
					<h4>订单详情</h4>
					<div style="border-top:1px solid #eee;border-bottom:1px solid #eee;padding: 10px 0px;margin: 0px 0px 10px;">
						<!--tmpl-fields-->

						<div class="main order">
							<section class="panel progress">
								<div class="header"><h1>订单详情</h1></div>
								<ul class="description clearfix  {if $item[pay_way]==$PAY_WAY_OFFLINE}offline{else}online{/if} step{$item[step]}">

									{if $item[order_status]!=$ORDER_STATUS_CANCELED}
									<li class="step1">
										<img src="/res/mpe/img/blank.gif"/>
										<span class="circle"></span>
										<dl>
											<dt>下单成功</dt>
											<dd>{$item[order_time]}</dd>
										</dl>
									</li>
									<li class="step2">
										<img src="/res/mpe/img/blank.gif"/>
										<span class="circle"></span>
										<dl>
											<dt>买家付款</dt>
											<dd>{$item[pay_time]}</dd>
										</dl>
									</li>
									{if $item[pay_way]==$PAY_WAY_OFFLINE}
									<li class="step2-1">
										<img src="/res/mpe/img/blank.gif"/>
										<span class="circle"></span>
										<dl>
											<dt>卖家确认收款</dt>
											<dd>{$item[pay_time]}</dd>
										</dl>
									</li>
									{/if}
									<li class="step3">
										<img src="/res/mpe/img/blank.gif"/>
										<span class="circle"></span>
										<dl>
											<dt>卖家发货</dt>
											<dd>{$item[delivery_time]}</dd>
										</dl>
									</li>
									<li class="step4">
										<img src="/res/mpe/img/blank.gif"/>
										<span class="circle"></span>
										<dl>
											<dt>确认收货</dt>
											<dd>{$item[confirm_delivery_time]}</dd>
										</dl>
									</li>
									{/if}
									{if $item[order_status]==$ORDER_STATUS_CANCELED}
									<li class="step1 pass">
										<img src="/res/mpe/img/blank.gif"/>
										<span class="circle"></span>
										<dl>
											<dt>下单成功</dt>
											<dd>{$item[order_time]}</dd>
										</dl>
									</li>
									<li class="step1-1 now">
										<img src="/res/mpe/img/blank.gif"/>
										<span class="circle"></span>
										<dl>
											<dt>订单取消</dt>
											<dd>{$item[log][0][date]}</dd>
										</dl>
									</li>
									{/if}
								</ul>
							</section>
							<section class="panel logistics">
								<div class="header">订单轨迹</div>
								<ul>
									{loop $item[log] $k $v}
									<li{if $k==0} class="now"{/if}>
									<span class="time">{$v[date]}</span>
									<span class="text">{$v[content]}</span>
									</li>
									{/loop}
								</ul>
							</section>
							<section class="panel addr_info">
								<div class="header">订单信息</div>
								{if $item[shipping_way]==$SHIPPING_WAY_SELLER}
								<fileset>
									<div class="row">
										<div class="col2"><label>订单编号：</label><span>{$item[order_no]}</span></div>
									</div>
									<div class="row">
										<div class="col2"><label>收货人：</label><span>{$item[address][consignee]}</span></div>
										<div class="col2"><label>联系电话：</label><span>{$item[address][contact_mobile]}</span></div>
									</div>
									<div class="row">
										<div class="col2"><label>邮编：</label><span>{$item[address][zip_code]}</span></div>
										<div class="col2"><label>收货地址：</label><span>{$item[address][address]}</span></div>
									</div>
								</fileset>
								<div class="hr"></div>
								<fileset>
									<div class="row">
										<div class="col2"><label>送货人姓名：</label><span>{$item[shipping][shipping_fullname]}</span></div>
										<div class="col2"><label>手机号码：</label><span>{$item[shipping][shipping_mobile]}</span></div>
									</div>
									<div class="row">
										<div class="col2"><label>送货车辆牌号：</label><span>{$item[shipping][shipping_car_card]}</span></div>
										<div class="col2"><label>送货人身份证：</label><span>{$item[shipping][shipping_id_card]}</span></div>
									</div>
									<div class="row">
										<div class="col2"><label>送货日期：</label><span>{if $item[shipping][shipping_time]}<?php echo date('Y-m-d',strtotime($item[shipping][shipping_time])) ?>{/if}</span></div>
										<div class="col2"><label>发货补充：</label><span>{$item[shipping][shipping_remark]}</span></div>
									</div>
								</fileset>
								{else}
								<fileset>
									<div class="row">
										<div class="col2"><label>订单编号：</label><span>{$item[order_no]}</span></div>
									</div>
									<div class="row">
										<div class="col2"><label>提货人姓名：</label><span>{$item[shipping][shipping_fullname]}</span></div>
										<div class="col2"><label>手机号码：</label><span>{$item[shipping][shipping_mobile]}</span></div>
									</div>
									<div class="row">
										<div class="col2"><label>提货车辆牌号：</label><span>{$item[shipping][shipping_car_card]}</span></div>
										<div class="col2"><label>提货人身份证：</label><span>{$item[shipping][shipping_id_card]}</span></div>
									</div>
									<div class="row">
										<div class="col2"><label>提货日期：</label><span>{if $item[shipping][shipping_time]}<?php echo date('Y-m-d',strtotime($item[shipping][shipping_time])) ?>{/if}</span></div>
										<div class="col2"><label>提货补充：</label><span>{$item[shipping][shipping_remark]}</span></div>
									</div>
								</fileset>
								<div class="hr"></div>
								<fileset>
									<div class="row">
										<div class="col2"><label>联系人：</label><span>{$item[address][consignee]}</span></div>
										<div class="col2"><label>联系电话：</label><span>{$item[address][contact_mobile]}</span></div>
									</div>
									<div class="row">
										<div class="col2"><label>交收仓库：</label><span>{$item[address][name]}</span></div>
										<div class="col2"><label>交收地址：</label><span>{$item[address][address]}</span></div>
									</div>
								</fileset>
								{/if}
								<div class="hr"></div>
								<fileset>
									<div class="row">
										<div class="col2"><label>支付方式：</label><span>{$item[payway]}</span></div>
										<div class="col2"><label>交收方式：</label><span>{$item[shippingway]}</span></div>
									</div>
									<div class="row">
										<div class="col2"><label>商品总额：</label><span>￥{$item[actual_amount]}</span></div>

									</div>
								</fileset>
								<table class="table">
									<thead><tr>
										<td width="300">商品</td>
										<td>货号</td>
										<td>销售价(元/{$pro_unit})</td>
										<td>购买数量</td>
										<td>金额(元)</td>
									</tr></thead>
									<tbody>
									{loop $item[product] $v}
									<tr>
										<td class="break-word">{$v[product_title]}</td>
										<td class="break-word">{$v[product_no]}</td>
										<td>￥{$v[sales_price]}</td>
										<td>{$v[product_quantity]}</td>
										<td class="c-danger">￥{$v[product_actual_price]}</td>
									</tr>
									{/loop}
									</tbody>
								</table>
								<form class="form-horizon" id="formDetail" action="/admin/order/detail" method="post">
									<input type="hidden" name="id" value="{$item[id]}">
									<div class="form-row">
										买家留言：{$item[buyers_remark]}<br/>
										{if $item[order_status]!=$ORDER_STATUS_CANCELED && $item[sellers_remark]==''}<label>卖家留言</label>
										<textarea name="post[sellers_remark]" class="form-control">{$item[sellers_remark]}</textarea>
										{else}
										卖家留言：{$item[sellers_remark]}
										{/if}
									</div>
									<div class="btn-group btn-group-or" style="margin-top: 20px;">
										{if $item[order_status]!=$ORDER_STATUS_CANCELED && $item[sellers_remark]==''}
											<input type="submit" value="提交保存" class="btn-primary btn">
											<span class="or">OR</span>
										{/if}
										<button type="reset" class="btn btn-default" onclick="history.back();">返回上一页</button>
									</div>
								</form>
							</section>
						</div>
					</div>
				</div>
			</div><!-- end of inner -->
		</section>
	</div>
</div>
{include admin.inc.footer}

<!--tmpl-script-->

<!-- pagescript -->
<script type="text/javascript">
	seajs.use("admin/trading_orderadd",function (parameter){

		/**--tmpl-templatejavascript--**/

		<!--tmpl-templatejavascript-->
		parameter.upload_url="{$upload_url}";
		parameter.image_search_url="{$image_search_url}";
		parameter.image_list_url="{$image_list_url}";

		parameter.init();
	});
</script>


<script id="assocpage" type="text/html">
	<div class="text-right">
		<ul class="pagination blog-pagination">
			<li><a class="assoc-page" data-page="{[prev]}" href="javascript:void(0);">上一页</a></li>
			{[loop pages page]}

			<li ><a class="assoc-page" data-page="{[page]}" {[if curr == page]}class="active"{[/if]} href="javascript:void(0)">{[page]}</a></li>

			{[/loop]}
			<li><a class="assoc-page" href="javascript:void(0);" data-page="{[nexts]}">下一页</a></li>
		</ul>
	</div>
</script>

</body>
</html>
